<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Form register Account Codeigniter</title>

    <style type="text/css">

        ::selection{ background-color: #E13300; color: white; }
        ::moz-selection{ background-color: #E13300; color: white; }
        ::webkit-selection{ background-color: #E13300; color: white; }

        body {
            background-color: #fff;
            margin: 40px;
            font: 13px/20px normal Helvetica, Arial, sans-serif;
            color: #4F5155;
        }

        a {
            color: #003399;
            background-color: transparent;
            font-weight: normal;
        }

        h1 {
            color: #444;
            background-color: transparent;
            border-bottom: 1px solid #D0D0D0;
            font-size: 19px;
            font-weight: normal;
            margin: 0 0 14px 0;
            padding: 14px 15px 10px 15px;
        }

        code {
            font-family: Consolas, Monaco, Courier New, Courier, monospace;
            font-size: 12px;
            background-color: #f9f9f9;
            border: 1px solid #D0D0D0;
            color: #002166;
            display: block;
            margin: 14px 0 14px 0;
            padding: 12px 10px 12px 10px;
        }

        #body{
            margin: 0 15px 0 15px;
        }

        p.footer{
            text-align: right;
            font-size: 11px;
            border-top: 1px solid #D0D0D0;
            line-height: 32px;
            padding: 0 10px 0 10px;
            margin: 20px 0 0 0;
        }

        #container{
            margin: 10px;
            border: 1px solid #D0D0D0;
            -webkit-box-shadow: 0 0 8px #D0D0D0;
        }
        label {
            width: 100px;
            display: inline-block;
            margin: 5px;
        }
        li {
            list-style-type: none;
        }
    </style>
</head>
<body>
    <?php $this->load->helper("form"); ?> <!-- load form helper -->
    <!-- form register an account of user -->
    <!-- approach trend object orient model -->
    <div id="register_form">
        <?php echo form_open_multipart("register/register_account"); ?>

            <?php echo form_fieldset("register account"); ?>
            <!--===============================================USERNAME===========================================-->
            <li>
                <label for="username">Username</label>
                <?php
                    $username = array(
                        "id" => "username",
                        "name" => "username"
                    );
                    echo form_input($username);
                ?>
            </li>
            <!--==============================================PASSWORD============================================-->
            <li>
                <label>Password</label>
                <?php
                    $password = array(
                        "id" => "password",
                        "name" => "password"
                    );
                    echo form_password($password);
                ?>
            </li>
            <!--================================================RE_PASSWORD======================================-->
            <li>
                <label>Re-password:</label>
                <?php
                    $re_password = array(
                        "id" => "re_password",
                        "name" => "re_password"
                    );
                    echo form_password($re_password);
                ?>
            </li>

            <!--===========================================EMAIL=========================================================== -->
            <li>
                <label>Email</label>
                <?php
                    $email = array(
                        "id" => "email",
                        "name" => "email"
                    );
                    echo form_input($email);
                ?>
            </li>
            <!--==============================================GENDER=======================================================-->
            <li>
                <label>Gender</label>
                <?php
                    $male = array(
                        "id" => "gender",
                        "name" => "gender",
                        "value" => "male"
                    );
                    // female
                    $female = array(
                        "id" => "gender",
                        "name" => "gender",
                        "value" => "female"
                    );

                    echo form_radio($male); // radio button for male
                    echo form_radio($female); // radio button for female
                ?>
            </li>
            <!--=====================================================UPLOAD AVARTAR=======================================-->
            <li>
                <label>Upload avatar </label>
                <?php
                    $file = array(
                        "id" => "file",
                        "name" => "file",
                    );
                    echo form_upload($file);
                ?>
            </li>
            <!--====================================================SUBMIT=============================================-->
            <li>
                <label for="submit"></label>
                <?php
                    echo form_submit(array("id"=>"submit", "name"=>"subtmit", "value"=>"Submit!"));
                ?>
            </li>
            <?php echo form_fieldset_close(); ?>

        <?php echo form_close(); ?>
    </div>

</html>
